@charset "UTF-8";
* {
  border: none;
  margin: 0;
  padding: 0;
  font-family: 'MicrosoftYaHei', 微软雅黑,serif; }

a, a:link, a:visited, a:hover, a:active {
  text-decoration: none; }

a {
  color: #333; }

a:hover {
  color: black; }

.clear {
  clear: both;
  *height: 1%; }
  .clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

img {
  display: block; }

li {
  list-style: none; }

.lf {
  float: left; }

.rt {
  float: right; }

input, select {
  -webkit-appearance: none; }

body {
  font-size: 18px;
  position: relative;
  color: #333; }
  @media screen and (max-width: 1450px) {
    body {
      font-size: 18px; } }

[v-cloak] {
  display: none; }

.scaleChange:hover {
  animation: imgScale 1s;
  animation-fill-mode: forwards;
  transform: scale(1.1); }

@keyframes imgScale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }
@-webkit-keyframes imgSale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }
.htmlgray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  _filter: none; }

.bt_height {
  cursor: pointer; }

.ad375 {
  width: 375px; }
  @media screen and (max-width: 1450px) {
    .ad375 {
      width: 375px; } }

.ad332 {
  width: 332px; }
  @media screen and (max-width: 1450px) {
    .ad332 {
      width: 332px; } }

.ad443 {
  width: 443px; }
  @media screen and (max-width: 1450px) {
    .ad443 {
      width: 443px; } }

.ad618 {
  width: 618px; }
  @media screen and (max-width: 1450px) {
    .ad618 {
      width: 618px; } }

.ad420 {
  width: 420px; }
  @media screen and (max-width: 1450px) {
    .ad420 {
      width: 420px; } }

.ad965 {
  width: 965px; }
  @media screen and (max-width: 1450px) {
    .ad965 {
      width: 965px; } }

.ad1400 {
  width: 1400px; }
  @media screen and (max-width: 1450px) {
    .ad1400 {
      width: 1400px; } }

.ad1400_100 {
  width: 1400px; }
  @media screen and (max-width: 1450px) {
    .ad1400_100 {
      width: 1400px; } }

.ad {
  position: relative;
  height: 70px;
  overflow: hidden; }
  @media screen and (max-width: 1450px) {
    .ad {
      height: 70px; } }
  .ad.ad1400_100 {
    height: 100px; }
    @media screen and (max-width: 1450px) {
      .ad.ad1400_100 {
        height: 100px; } }
  .ad img {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    min-width: 100%; }
  .ad .adSign {
    position: absolute;
    bottom: 2px;
    left: 2px;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='ture', startColorstr=#77000000, endColorstr=#77000000);
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 0 5px;
    font-size: 12px;
    border-radius: 2px;
    z-index: 20; }
  .ad .adClose {
    position: absolute;
    right: 0; }

.ad.multiple .link {
  display: none; }
  .ad.multiple .link:first-child {
    display: block; }

.ad.ad_fullscreen {
  width: 1400px;
  height: 480px; }
  @media screen and (max-width: 1450px) {
    .ad.ad_fullscreen {
      width: 1400px;
      height: 480px; } }

.ad_top {
  padding-top: 22px; }

.ad_100_200 {
  width: 100px;
  height: 200px !important;
  margin-bottom: 22px; }

.ad_100_100 {
  width: 100px;
  height: 100px !important; }

.ad_left {
  position: fixed;
  top: 180px;
  left: 50%;
  margin-left: -825px; }
  @media screen and (max-width: 1450px) {
    .ad_left {
      margin-left: -825px; } }

.ad_right {
  position: fixed;
  top: 180px;
  right: 50%;
  margin-right: -825px; }
  @media screen and (max-width: 1450px) {
    .ad_right {
      margin-right: -825px; } }

.ad_banner {
  padding-bottom: 5px; }
  .ad_banner .ad1 {
    float: left;
    margin-right: 16px; }
    @media screen and (max-width: 1450px) {
      .ad_banner .ad1 {
        margin-right: 16px; } }
  .ad_banner .ad2 {
    float: left;
    margin-right: 16px; }
    @media screen and (max-width: 1450px) {
      .ad_banner .ad2 {
        margin-right: 16px; } }
  .ad_banner .ad3 {
    float: right; }

section.recommendation .ad_a3 .ad {
  margin-top: 22px; }

.ad_special {
  margin-top: 22px; }

.ad_a1 {
  padding-bottom: 22px; }

.ad_a2 {
  padding-bottom: 22px; }
  .ad_a2 .ad332 {
    float: left;
    margin-right: 23px; }
    @media screen and (max-width: 1450px) {
      .ad_a2 .ad332 {
        margin-right: 23px; } }
    .ad_a2 .ad332:last-child {
      margin-right: 0;
      float: right; }

.ad_a3 {
  margin-top: 22px; }
  .ad_a3 .ad443 {
    float: left;
    margin-right: 35px; }
    @media screen and (max-width: 1450px) {
      .ad_a3 .ad443 {
        margin-right: 35px; } }
    .ad_a3 .ad443:last-child {
      margin-right: 0;
      float: right; }

/*# sourceMappingURL=ad.css.map */